// 创建路由器对象

import Vue from 'vue'

import VueRouter from 'vue-router'

// 把VueRouter当做插件去使用
Vue.use(VueRouter)

// 创建路由器对象
// 引入路由组件(一般路由组件都需要懒加载)
const Home = () => import('./pages/Home')
const Login = () => import('./pages/Login')
const Test1 = () => import('./pages/Test1')
const Test2 = () => import('./pages/Test2')
const router = new VueRouter({
  mode: 'history', // 默认是值hash(哈希模式). history代表历史模式
  // routes用来配置路由表
  routes: [
    {
      path: '/home',
      component: Home,
      children: [
        {
          // 注意: 嵌套路由的路径,如果不写完整,那么就千万不要在前面加/
          path: 'test1',
          component: Test1,
        },
        {
          path: 'test2',
          component: Test2,
        },
      ],
    },
    {
      name: 'l',
      // 注意: 定义了路由参数就必须传递. 后面如果加了?则表示这个参数是可选的
      path: '/login/:aa/:bb',
      component: Login,
    },

    // 默认路由
    // {
    //   path: '/',
    //   component: Home,
    // },

    // 利用重定向实现
    {
      path: '/',
      redirect: '/home', //当路径是/时,则立刻重定向到/home
    },
  ],
})

//导出路由对象(在入口文件中要给vue实例配置路由对象)
export default router
